<link rel="stylesheet" href="/assets/home/css/swiper-bundle.css">
<!-- 轮播 -->
<div class="mui-content">
    <div class="swiper mySwiper">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <a href="">
                    <img src="/assets/home/images/video5.png">
                    <p class="mui-slider-title">Javascript从零开始</p>
                </a>
            </div>
            <div class="swiper-slide">
                <a href="">
                    <img src="/assets/home/images/video3.png">
                    <p class="mui-slider-title" >Javascript从零开始1111</p>
                </a>
            </div>
            <div class="swiper-slide">
                <a href="">
                    <img src="/assets/home/images/video2.png">
                    <p class="mui-slider-title">Javascript从零开始222</p>
                </a>
            </div>
        </div>
        <div class="swiper-pagination" style="text-align: right;"></div>
    </div>
</div>

<!-- 搜索 -->
<div class="mui-input-row mui-search">
    <form onclick="location.href = './search.html' ">
        <input type="search" class="mui-input-clear" placeholder="搜索">
    </form>
</div>

<div class="mui-content">
    <h5 class="title">初级课程</h5>
    <ul class="mui-table-view mui-grid-view">
        <li class="mui-table-view-cell mui-media mui-col-xs-6">
            <a href="./details.html">
                <div class="imgs">
                    <img class="mui-media-object" src="/assets/home/images/video.jpg">
                </div>
                <div class="mui-media-body">Java基础视频</div>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-6">
            <a href="./details.html">
                <div class="imgs">
                    <img class="mui-media-object" src="/assets/home/images/video2.png">
                </div>
                <div class="mui-media-body">.Net基础视频</div>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-6">
            <a href="./details.html">
                <div class="imgs">
                    <img class="mui-media-object" src="/assets/home/images/video.jpg">
                </div>
                <div class="mui-media-body">Java基础视频</div>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-6">
            <a href="./details.html">
                <div class="imgs">
                    <img class="mui-media-object" src="/assets/home/images/video2.png">
                </div>
                <div class="mui-media-body">.Net基础视频</div>
            </a>
        </li>
    </ul>
</div>

<div class="mui-content">
    <h5 class="title">中级课程</h5>
    <ul class="mui-table-view mui-grid-view">
        <li class="mui-table-view-cell mui-media mui-col-xs-6">
            <a href="./details.html">
                <div class="imgs">
                    <img class="mui-media-object" src="/assets/home/images/bac.jpg">
                </div>
                <div class="mui-media-body">Java基础视频</div>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-6">
            <a href="./details.html">
                <div class="imgs">
                    <img class="mui-media-object" src="/assets/home/images/video2.png">
                </div>
                <div class="mui-media-body">.Net基础视频</div>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-6">
            <a href="./details.html">
                <div class="imgs">
                    <img class="mui-media-object" src="/assets/home/images/video.jpg">
                </div>
                <div class="mui-media-body">Java基础视频</div>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-6">
            <a href="./details.html">
                <div class="imgs">
                    <img class="mui-media-object" src="/assets/home/images/video2.png">
                </div>
                <div class="mui-media-body">.Net基础视频</div>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-6">
            <a href="./details.html">
                <div class="imgs">
                    <img class="mui-media-object" src="/assets/home/images/bac.jpg">
                </div>
                <div class="mui-media-body">Java基础视频</div>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-6">
            <a href="./details.html">
                <div class="imgs">
                    <img class="mui-media-object" src="/assets/home/images/video2.png">
                </div>
                <div class="mui-media-body">.Net基础视频</div>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-6">
            <a href="./details.html">
                <div class="imgs">
                    <img class="mui-media-object" src="/assets/home/images/video.jpg">
                </div>
                <div class="mui-media-body">Java基础视频</div>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-6">
            <a href="./details.html">
                <div class="imgs">
                    <img class="mui-media-object" src="/assets/home/images/video2.png">
                </div>
                <div class="mui-media-body">.Net基础视频</div>
            </a>
        </li>
    </ul>
</div>

<div class="more">没有更多了..</div>

<!-- 引入底部导航 -->
{include file='common/nav'/}

<script src="/assets/home/js/swiper-bundle.min.js"></script>

<script>
    var swiper = new Swiper(".mySwiper", {
        pagination: {
            el: ".swiper-pagination",
        },
    });
</script>